<!DOCTYPE html>
<!-- 公共页面顶部开始 -->
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>张琪购物商城项目-注册页面</title>
    <!-- 重置样式表 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 公共样式表 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式表 -->
    <link rel="stylesheet" href="../css/sign.css">
    <!-- 引入jq框架 -->
    <script src="../lib/jquery.min.js"></script>
    <!-- 引入表单验证vlidate框架 -->
    <script src="../lib/jquery.validate.min.js"></script>
    <!-- 引入图片验证码框架插件 -->
    <script src="../lib/gVerify.js"></script>
    <!-- 引入当前js脚本 -->
    <script src="../javascripts/sign.js"></script>
</head>

<body>
    <!-- 头部 -->

    <div id="head" class="container-fluid">
        <div class="container clearfix">
            <img src="../imgs/login-logo.png" alt="" class="fl logo">
            <a href="index.html" class="fl address">legou.cn</a>
            <div class="fr welcome">欢迎光临<a href="login.html">乐购</a>,请登录\<a href="sign.html"> 注册</a></div>
        </div>
    </div>

    <!-- 欢迎登陆 -->
    <div class="container-fluid login-top">
        <ul class="container clearfix">
            <li class="fl login-welcome fs22 black">欢迎登陆</li>
            <li class="fr login-numer fs16 b3">已有账号，请<a href="#" class="fs16 black">登陆</a></li>
        </ul>
    </div>

    <!-- 注册页面 -->
    <div class="container login-detail">
        <form action="#" class="login-form" id="login-form">
            <p><span class="fs18 black">用户名</span><input type="text" value="" name="userName" placeholder="您的账户名和登录名"
                    class="fs16 ">
            </p>

            <p><span class="fs18 black">设置密码</span><input type="password" value="" name="pwd" placeholder="建议设置两种字符密码"
                    class="fs16" id="pwd">
            </p>

            <p><span class="fs18 black">确认密码</span><input type="password" value="" name="checkpwd" placeholder="再次输入密码"
                    class="fs16">
            </p>

            <p><span class="fs18 black">中国+86</span><input type="text" value="" name="phone" placeholder="建议使用常用手机号"
                    class="fs16">
            </p>

            <p class="verify">
                <span class="fs18 black">验证码</span>
                <input type="text" value="" name="checkNumber" placeholder="请输入验证码" class="fs16" id="formVerify">
               <span id="v_container"></span><span class="vfy-message"></span>

            </p>

            <p class="getCheck"><span class="fs18 black">手机验证码</span><input type="text" value="" name="checkPhone"
                    placeholder="请输入手机验证码" class="fs16"><a href="" class="fs16 black">获取验证码</a>
                <span class="fs16 agree"><input type="checkbox" value="" name="agree">我已阅读并同意<a href="#"
                        class="cf6">《京东用户注册协议》</a>
                </span>

            </p>

            <input type="submit" value="立即注册" name="submit" class="submit">

        </form>

    </div>

    <!--  乐购尾部-->
    <div class="container sign-foot">
        <div class="link">
            <a href="#">公司简介</a>
            <a href="#">nevtor Retions</a>
            <a href="#">网站联盟</a>
            <a href="#">乐购招商</a>
            <a href="#">机构销售</a>
            <a href="#">手机乐购</a>
            <a href="#">官方Blog</a>
            <a href="#">热词搜索</a>
        </div>
        <div class="copy">Copyright&copy;乐购网2004-2016，All Right Reseverd</div>
    </div>

</body>

</html>